<template>
	<view >
		<view style="position: relative;">
			<view class="mask" v-if="showexpress">
				<u-toast ref="uToast" />
				<view class="bg" @click.stop="closeExpress"></view>
				<view class="express">
					<view class="type">
						<block v-for="(item,index) in expressbox" :key="index">
							<view class="name" :class="id == item.id ? 'active' : ''" @click="select(item)">{{item.name}}</view>
							
						</block>
					</view>
					<view class="bottom">
						<text>￥{{money}}</text>	
						<view class="addbtn" @click="add">新增</view>
					</view>
				</view>
			</view>
			<view class="mask2" v-if="showAddress">
				<view class="bg" @click.stop="closeAddress"></view>
				<view class="address">
					<view class="top">选择收获地址</view>
					<view class="center">
						<block v-for="(item,index) in addressGetList">
							<view class="addressLi" @click="selectAddress(index)">
								<view class="radio" >
									<image src="/static/order/radio.png" mode="widthFix"></image>
								</view>
								<view class="user">
									<view>{{item.addressName}}{{item.area}}</view>
									<view class="info">
										<view style="margin-right: 20rpx;">{{item.username}}</view>
										<view>{{item.mobile}}</view>
									</view>
								</view>
								<view class="edit" @click="toResetAddress(item.id)">
									<image src="/static/order/edit.png" mode="widthFix"></image>
								</view>
							</view>
							<view class="line"></view>
						</block>
					</view>
					<view class="btn">
						<view class="addbtn" @click="toAddressManagePage">新增收获地址</view>
					</view>
					<view class="close" @click="closeAddress">
						<u-icon name="close"></u-icon>
					</view>
				</view>
			</view>
		</view>
		
		<hx-navbar  :border="false" :fixed="true" transparent="hidden"
			  height="140rpx">
		</hx-navbar>
		<view class="errandBg"></view>
		<view class="select" >
			<image src="/static/index/dot.png"></image>
			<u-select v-model="showSchool" :list="listSelect" @confirm="confirm"></u-select>
			<u-tag :text="SchoolName" type="error" @click="openSelect()"></u-tag>
			<view class="remark">30栋</view>
		</view>
		<view class="container">
			<view class="tip">
				<view class="tbox">
					<image src="/static/index/smile.png" mode="widthFix" style="width: 36rpx;"></image>
					<text>快递将由专人配送，直达宿舍</text>
				</view>
				</view>
			<view class="main">
				<view class="line"></view>
				<view class="address1 common">
					<text class="icontxt">取</text>
					<text style="width: 500rpx;">中南大学24栋菜鸟驿站</text>
					<u-icon name="arrow-right" color="#000" size="20"></u-icon></view>
				<view class="address2 common">
					<text class="icontxt harvest">收</text>
					<view v-if="!addressData" class="user" @click="openSelectAddress">选择收货地址</view>
					<view class="user" v-else @click="openSelectAddress">					
						<view>{{addressData.addressName}}{{addressData.area}}</view>
						<view class="name">{{addressData.username}}<text class="phone">{{addressData.mobile}}</text></view>
					</view>
					<u-icon name="arrow-right" color="#000" size="20"></u-icon>
				</view>
				<view class="time">
					<view>预计送达</view>
					<view>
						<text>21:00前</text>
						<u-icon name="arrow-right" color="#000" size="20"></u-icon>
					</view>
				</view>
			</view>
			
			<view class="message">
				<view class="num flex_bet">
					<view>快递信息</view>
					<view><text>共{{expressage.length}}件</text></view>
				</view>
			<block v-for="(item,index) in expressage" :key="index">
				<view class="expressBox">
					<image src="/static/index/box.png" mode="widthFix" style="width: 88rpx;"></image>
					<view class="box">
						<view class="boxName">{{item.name}}</view>
						<view class="boxTip">{{item.tip}}</view>
					</view>
					<u-icon name="arrow-right" color="#000" size="20"></u-icon>
				</view>
			</block>
				<view  class="plusOne" @click="addOne">
					<text>+</text>
					<text>再取一个</text>
				</view>
			</view>
			<view class="remark flex_bet">
				<view>备注</view>
				<view><text>可选填</text><u-icon name="arrow-right" color="#000" size="20"></u-icon></view>
			</view>
			<view class="payment flex_bet">
				<view>支付方式</view>
				<view><image src="/static/index//wechatpay.png" mode="widthFix" style="width: 52rpx;"></image><text>微信支付</text></view>
			</view>
			
			<view class="footer">
				<view class="check">
					<view class="checkbox">
						<image :src="isflag === true ? '/static/index/redtick.png' : '/static/me/circle.png'" mode="widthFix" @click="tick"></image>
						<text>勾选代表您已同意</text><text>《食小助跑腿代取服务协议》</text>
					</view>
				</view>
				<view class="btn">
					<view class="content">
						<view class="price"><text>¥</text><text>{{total}}</text></view>
						<view class="details"><text>明细</text><u-icon name="arrow-up" color="#fff" sise="20"></u-icon></view>
					</view>
					<view class="pay">立即支付</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	//引入全局变量
	let app = getApp();
	export default{
		data(){
			return{
				showSchool: false,
				listSelect: [{
						value: '0',
						label: '中南大学南校区',
						timelist: [{
								starttime: '11:00~11:20',
								endtime: '最晚10:30关闭'
							}, {
								starttime: '11:20~11:40',
								endtime: '最晚10:50关闭'
							},
							{
								starttime: '11:40~12:00',
								endtime: '最晚11:10关闭'
							},
							{
								starttime: '12:00~12:20',
								endtime: '最晚11:30关闭'
							},
							{
								starttime: '12:20~12:40',
								endtime: '最晚11:50关闭'
							},
							{
								starttime: '12:40~13:00',
								endtime: '最晚12:20关闭'
							},
							{
								starttime: '17:00~17:20',
								endtime: '最晚16:30关闭'
							},
							{
								starttime: '17:20~17:40',
								endtime: '最晚16:50关闭'
							},
							{
								starttime: '17:40~18:00',
								endtime: '最晚17:10关闭'
							},
							{
								starttime: '18:00~18:20',
								endtime: '最晚17:50关闭'
							},
							{
								starttime: '18:20~18:40',
								endtime: '最晚18:10关闭'
							},
							{
								starttime: '18:40~19:00',
								endtime: '最晚18:20关闭'
							},
							{
								starttime: '22:20~22:45',
								endtime: '最晚21:40关闭'
							}
						],
						bannerData: [{
								page: '/pages/huoma/huoma',
								src: '../../static/index/shouye.png'
							},
							{
								page: '/pages/huoma/huoma',
								src: '../../static/index/shouye.png'
							},
							{
								page: '/pages/store/index?sid=16680806912&delivery=1&sign=4',
								src: '../../static/index/kuaidi.png'
							}
						]
					},
					{
						value: '1',
						label: "中南大学本部校区",
						timelist: [{
								starttime: '11:45~12:05',
								endtime: '最晚11:10关闭'
							}, {
								starttime: '12:25~12:45',
								endtime: '最晚11:50关闭'
							},
							{
								starttime: '17:45~18:05',
								endtime: '最晚17:10关闭'
							}, {
								starttime: '18:25~18:45',
								endtime: '最晚17:50关闭'
							},
						],
						bannerData: [{
							page: '/pages/huoma/huoma',
							src: '../../static/index/shouye.png'
						}]
					},
					{
						value: '2',
						label: "湖南大学财经校区",
						timelist: [{
								starttime: '11:05~11:25',
								endtime: '最晚10:30关闭'
							},
							{
								starttime: '11:45~12:05',
								endtime: '最晚11:10关闭'
							}, {
								starttime: '12:25~12:45',
								endtime: '最晚11:50关闭'
							},
							{
								starttime: '17:05~17:25',
								endtime: '最晚16:30关闭'
							},
							{
								starttime: '17:45~18:05',
								endtime: '最晚17:10关闭'
							}, {
								starttime: '18:25~18:45',
								endtime: '最晚17:50关闭'
							},
						],
						bannerData: [{
							page: '/pages/newhuoma/newhuoma?schoolIndex=2',
							src: '../../static/index/hudaindex.png'
						}]
					}
					// ,
					// {
					// 	value:'2',
					// 	label:"湖南大学财经校区"
					// }
				],
				SchoolName: '请选择校区',
				isflag:false,
				expressage:[
					// {name:'服饰/≤1kg',tip:'1234;菜鸟;123456789'},
					],
				expressbox:[
					{name:'小小件',money:'3',id:'1'},
					{name:'小件',money:'3.88',id:'2'},
					{name:'中件',money:'4.88',id:'3'},
					{name:'大件',money:'7.68',id:'4'},
					{name:'重大件小体积',money:'10.2',id:'5'},
					{name:'重大件大体积',money:'11.86',id:'6'},
					],
				money:0	,
				sel:null,
				id:'',
				showexpress:false,
				total:0,
				showAddress:false,
				openid:'',
				schoolIndex: 0,
				addressData:''
			}
		},
		onLoad() {
			this.openid="oryqr6fcWZdnLWZ6OYa1NzymSza0",
			this.getAddressList()
		},
		methods:{
			openSelect() {
				console.log(1)
				this.showSchool = true;
			},
			select(index) {
				this.showSchool = false;
				this.schoolIndex = index;
				uni.showToast({
					title: '您已选择' + this.imgList[index].title
				});
			},
			//选择完校区后进行数据的更新
			confirm(e) {
				let that = this
				this.schoolIndex = parseInt(e[0].value)
				console.log("选择schoolIndex", this.schoolIndex)
				this.SchoolName = e[0].label
				console.log("hhhhhhhhhh", this.listSelect[this.schoolIndex].bannerData[0])
				// 保证本部的店铺可以，但是请求的时候还是要传进去0
				// this.getstoreList(this.schoolIndex)
				app.globalData.schoolIndex = this.schoolIndex
				uni.setStorage({
					key: 'school_sxz',
					data: {
						schoolIndex: that.schoolIndex,
						SchoolName: that.SchoolName
					},
					success(res) {
						uni.showToast({
							title: that.SchoolName
						})
					},
					fail() {
			
					}
				});
			},
			//勾选同意协议
			tick(){
				this.isflag=!this.isflag
			},
			//选中
			select(item){
				// console.log(item)
				this.sel=item
				this.id = item.id
				this.money=item.money
			},
			//增加取件
			addOne(){
				// let cs = {name:'服饰/≤1kg',tip:'1234;菜鸟;123456789'}
				// this.expressage.push(cs)
				this.showexpress=true
			},
			add(){
				if(this.sel){
					
				this.expressage.push(this.sel)
				this.sel=null
				this.money=0
				this.id = ''
				this.showexpress=false
				this.total = this.expressage.reduce((prev,cur) =>  Number(prev)+Number(cur.money),0).toFixed(2)
				// console.log(this.expressage.reduce((prev,cur) =>  Number(prev)+Number(cur.money),0))
				}else{
					this.$refs.uToast.show({
						title: '请选择取件规格',
						type: 'error', 
					})
				}
			},
			closeExpress(){
				this.showexpress=false
			},
			closeAddress() {
				this.showAddress = false
			},
			selectAddress(index) {
				this.addressData = this.addressGetList[index]
				this.showAddress = false
			},
			//修改地址
			toResetAddress(id) {
				console.log(id)
				uni.navigateTo({
					url: `../../order/address/addressManage/addressManage?id=${id}&openid=` + this.openid+"&from=pre",
				})
			},
			//新增地址
			toAddressManagePage() {
				uni.navigateTo({
					url: '../../order/address/addressManage/addressManage?openid=' + this.openid
				});
			},
			openSelectAddress(){
				this.showAddress=true
			},
			//请求地址列表
			getAddressList() {
				let that = this;
				uni.showLoading({
					title: "正在获取地址数据..."
				})
				if (app.globalData.shuaxinAddressID == '') {
					console.log("开始请求所有地址", "https://zback.shixiaozhu.work/ShixiaozhuTest/address/getAddressBySchool?openid=" +
						this
						.openid + "&school=" + Number(that.schoolIndex))
					//根据openid请求后端地址信息
					uni.request({
						url: "https://zback.shixiaozhu.work/ShixiaozhuTest/address/getAddressBySchool?openid=" + this
							.openid + "&school=" + Number(that.schoolIndex),
						success(res) {
							if (res.data.status == 200) {
								uni.hideLoading()
								that.addressData = res.data.data[0];
								that.addressGetList = res.data.data
								console.log("地址", res)
								that.hasAdress = true;
								//去对比看看是否参与满减活动
								for (var i = 0; i < that.huodongLou.length; i++) {
									if (that.huodongLou[i] == that.addressData.addressName) {
										that.totalYhPrice = that.huodongMoney
										that.isHuodong = true
										if (that.isNew) {
											// that.isNew = false
											// that.newMoney = 0
											that.totalYhPrice = Number(that.huodongMoney) + Number(that.newMoney)
										}
			
										//说明有条件参与满减活动,便宜5块，然后弹出提示
										uni.showModal({
											title: that.huodongName
										})
									}
								}
								console.log("校区", that.addressData.school)
								that.checkAddress(that.addressData)
							} else {
								uni.hideLoading()
							}
						}
			
					})
				} else {
					console.log("开始请求指定地址", app.globalData.shuaxinAddressID)
					//根据openid请求后端地址信息
					uni.request({
						url: "https://zback.shixiaozhu.work/ShixiaozhuTest/address/getAddressByid?addressId=" +
							app.globalData.shuaxinAddressID,
						success(res) {
							if (res.data.status == 200) {
								var list = []
								list.push(res.data.data)
								that.addressData = list[0];
								that.checkAddress(that.addressData)
								that.hasAdress = true;
								//去对比看看是否参与满减活动
								for (var i = 0; i < that.huodongLou.length; i++) {
									if (that.huodongLou[i] == that.addressData.addressName) {
										that.isHuodong = true
										that.totalYhPrice = that.huodongMoney
										if (that.isNew) {
											// that.isNew = false
											// that.newMoney = 0
											that.totalYhPrice = Number(that.huodongMoney) + Number(that.newMoney)
										}
										//说明有条件参与满减活动,便宜5块，然后弹出提示
										uni.showModal({
											title: that.huodongName
										})
									}
								}
			
								uni.hideLoading()
							}
						}
					})
				}
			},
		}
	}
</script>

<style lang="scss">
	page{
		background: linear-gradient(180deg, #F2D4CA 0%, rgba(242, 212, 202, 0) 69.87%), #F3F4F6;
	}
	.flex_bet{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.errandBg{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		background: linear-gradient(180deg, #F2D4CA 0%, rgba(242, 212, 202, 0) 69.87%), #F3F4F6;
	}
	.select {
		position: fixed;
		top: 40rpx;
		left: 80rpx;
		z-index: 99999;
		.u-mode-light-error {
			background-color: transparent !important;
			color: #000 !important;
			border: 0 !important;
			font-size: 24rpx;
			font-weight: 700;
		}
	
		image {
			position: absolute;
			bottom: 8rpx;
			width: 8rpx;
			height: 30rpx;
		}
	
		.remark {
			position: absolute;
			left: 22rpx;
			font-size: 18rpx !important;
			color: #000;
			white-space: nowrap;
		}
	
	}
	.container{
		width: 94%;
		margin-left: 24rpx;
		position: relative;
		
		.main{
			width: 100%;
			// height: 468rpx;
			position: relative;
			background-color: #fff;
			padding: 24rpx;
			font-size: 28rpx;
			color: #000;
			font-weight: 700;
			z-index: 5;
			border-radius: 12rpx;
			margin-top: -20rpx;
			.icontxt{
				width: 38rpx;
				height: 38rpx;
				line-height: 38rpx;
				text-align: center;
				color: #fff;
				font-size: 20rpx;
				font-weight: 400;
				background: linear-gradient(93.93deg, #F45B5B -15.88%, #FFD976 184.04%, #FFE49E 184.04%);
				box-shadow: 4rpx 4rpx 8rpx rgba(231, 56, 39, 0.25);
				border-radius:50%;
				z-index: 9;
			}
			.harvest{
				background: linear-gradient(108.39deg, #FC9A8D 18.08%, #FDDBB4 111.87%);
				box-shadow: 4rpx 4rpx 8rpx rgba(231, 56, 39, 0.15);
				margin-top: -70rpx;
			}
			.line{
				position: absolute;
				top: 92rpx;
				left: 62rpx;
				width: 2rpx;
				height: 100rpx;
				background: linear-gradient(180deg, #FC9A8D 0%, #FE9271 100%);
				// transform: rotate(-90deg);
				z-index: 1;
			}
			.common{
				display: flex;
				justify-content: space-between;
				align-items: center;
				background-color: #FAFAFA;
				padding: 32rpx 20rpx;
				border-radius: 12rpx;
				
			}
			.address2{
				margin-top: 24rpx;
				.user{
					display: flex;
					flex-direction: column;
					// padding-left: 48rpx;
					width: 500rpx;
					.name{
						margin-top: 12rpx;
						font-size: 24rpx;
						color: #595959;
						font-weight: 400;
						.phone{
							margin-left: 10rpx;
						}
					}
				}
			}
			.time{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				font-weight: normal;
				font-size: 24rpx;
				margin-top: 26rpx;
				text{
					color: #FF9900;
					margin-right: 12rpx;
				}
			}
		}
		.tip{
			width: 100%;
			height: 90rpx;
			background: linear-gradient(180deg, #FFFDF1 0%, #FFDEAD 152.78%);
			border-radius: 16rpx;
			font-size: 20rpx;
			color: #ff9900;
			
			padding-left: 24rpx;
			padding-top: 16rpx;
			.tbox{
				display: flex;
				align-items: center;
				image{
					margin-right: 12rpx;
				}
			}
		}
		.footer{
			width: 94%;
			position: fixed;
			bottom: 18rpx;
			.check{
				background-color: #fff;
				border-radius: 16rpx;
				height: 80rpx;
				.checkbox{
					display: flex;
					align-items: center;
					padding: 14rpx 0 0 24rpx;
					font-size: 20rpx;
					image{
						width: 36rpx;
						margin-right: 10rpx;
					}
					text:nth-of-type(2){
						color: #6198B5;
					}
				}
			}
			.btn{
				background-color: #404040;
				height: 100rpx;
				border-radius: 16rpx;
				margin-top: -18rpx;
				display: flex;
				flex-direction: row;
				
				.content{
					flex: 1;
					background-color: #404040;
					color: #fff;
					display: flex;
					align-items: center;
					border-radius: 16rpx;
					.price{
						font-weight: 700;
						margin-left: 24rpx;
						text:nth-of-type(1){
							font-size: 20rpx;
						}
						text:nth-of-type(2){
							font-size: 44rpx;
						}
					}
					.details{
						padding: 8rpx 12rpx;
						font-size: 20rpx;
						border: 0.8rpx solid #fff;
						margin-left: 24rpx;
						border-radius: 8rpx;
					}
				}
				.pay{
					width: 208rpx;
					background: linear-gradient(111.77deg, #FDDBB4 60.25%, #FC9A8D 109.99%);
					border-radius: 16rpx;
					color: #404040;
					font-size-adjust: 28rpx;
					font-weight: 700;
					text-align: center;
					line-height: 100rpx;
				}
			}
		}
		.message{
			background-color: #fff;
			border-radius: 16rpx;
			// padding: 24rpx;
			overflow: hidden;
			margin-top: 24rpx;
			.num{
				padding: 24rpx;
				font-size: 28rpx;
				color: #000;
				view{
					text:nth-of-type(1){
						color: #b2b0b0;
						font-size: 24rpx;
					}
				}
			}
			.expressBox{
				// height: 180rpx;
				padding: 24rpx;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				.box{
					display: flex;
					flex-direction: column;
					flex: 3;
					margin-left: 20rpx;
					.boxName{
						font-size: 24rpx;
						color: #000;
					}
					.boxTip{
						margin-top: 8rpx;
						font-size: 20rpx;
						color: #838383;
					}
				}
				
			}
			.plusOne{
				background-color: #FAFAFA;
				height: 88rpx;
				line-height: 88rpx;
				color: #000;
				font-size: 28rpx;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				// font-weight: 700;
				text:nth-of-type(1){
					font-weight: 700;
					width: 32rpx;
					height: 32rpx;
					text-align: center;
					line-height: 32rpx;
					border: 4rpx solid #000000;
					border-radius: 12rpx;
					margin-right: 20rpx;
				}
			}
		}
			
		.remark,.payment{
			margin-top: 24rpx;
			padding: 24rpx;
			font-size: 28rpx;
			color: #000;
			background-color: #fff;
			border-radius: 16rpx;
			view:nth-of-type(2){
				display: flex;
				align-items: center;
				text:nth-of-type(1){
					color: #b2b0b0;
					font-size: 24rpx;
					margin-right: 12rpx;
				}
			}
		}
		.payment{
			view:nth-of-type(2){
				text:nth-of-type(1){
					color: #000;
					margin-right: 0;
					margin-left: 8rpx;
				}
			}
		}
	}
	.mask{
			width: 100vh;
			height: 100%;
			position: fixed;
			// background: rgba(0, 0, 0, 0.5);
			z-index: 999;
		
			.bg {
				height: 100%;
				width: 100%;
				position: absolute;
				background: rgba(0, 0, 0, 0.5);
			}
			.express{
				position: absolute;
				// height: 40%;
				width: 600rpx;
				margin:300rpx  80rpx;
				background-color: #fff;
				border-radius: 32rpx;
				padding: 40rpx;
				.type{
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
				}
				.name{
					box-sizing: border-box;
					font-size: 26rpx;
					border: 1rpx solid #838383;
					padding: 10rpx 28rpx;
					margin-right: 30rpx;
					margin-top: 20rpx;
					
				}
				.bottom{
					margin-top: 40rpx;
					display: flex;
					flex-direction:row;
					justify-content: space-between;
					
					
					.addbtn{
						// position: absolute;
						width: 100rpx;
						height: 40rpx;
						text-align: center;
						line-height: 40rpx;
						font-size: 26rpx;
						// right: 70rpx;
						// bottom: 70rpx;
						background: linear-gradient(111.77deg, #FC9A8D 56.92%, #FDDBB4 109.99%);
						border-radius: 18rpx;
						
					}
				}
			}
	}
	.active{
		background: linear-gradient(104.97deg, #FC9A8D 27.17%, #FDDBB4 107.39%);
		color: #fff;
	}
	.mask2 {
		width: 100vh;
		height: 100%;
		position: fixed;
		// background: rgba(0, 0, 0, 0.5);
		z-index: 999;
	
		.bg {
			height: 100%;
			width: 100%;
			position: absolute;
			background: rgba(0, 0, 0, 0.5);
		}
	
		.address {
			width: 100%;
			position: fixed;
			bottom: 0;
			background-color: #fff;
			border-radius: 28rpx 28rpx 0 0;
			background: linear-gradient(209.15deg, rgba(219, 249, 241, 0.2) 10.81%, rgba(219, 249, 241, 0) 40.2%), #FFFFFF;
	
			.close {
				position: absolute;
				top: 54rpx;
				right: 64rpx;
			}
	
			.top {
				width: 100%;
				text-align: center;
				font-size: 32rpx;
				font-weight: 700;
				height: 140rpx;
				line-height: 140rpx;
			}
	
			.btn {
				border-top: 2rpx solid #E7E7E7;
				width: 100%;
				padding: 30rpx 24rpx;
	
				.addbtn {
	
					background: linear-gradient(104.97deg, #FC9A8D 27.17%, #FDDBB4 107.39%);
					box-shadow: 0px 8rpx 8rpx rgba(0, 0, 0, 0.15);
					border-radius: 14rpx;
					height: 100rpx;
					font-size: 30rpx;
					font-weight: 700;
					color: #fff;
					text-align: center;
					line-height: 100rpx;
					// margin: 30rpx 24rpx;
				}
			}
	
			.center {
				padding: 0 44rpx;
	
				.addressLi {
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: space-around;
	
					.user {
						font-size: 30rpx;
						font-weight: 700;
						flex: 10;
						padding: 30rpx 34rpx;
					}
	
					.radio {
						width: 40rpx;
						// flex: 1;
					}
	
					.edit {
						width: 32rpx;
						// flex: 1;
						// height: 32rpx;
					}
	
					.info {
						display: flex;
						flex-direction: row;
						font-size: 24rpx;
						color: rgba(89, 89, 89, 1);
						font-weight: 400;
						align-items: center;
						padding-top: 16rpx;
					}
	
				}
	
				.line {
					height: 1rpx;
					width: 100%;
					background-color: rgba(173, 173, 173, 0.4);
				}
	
				.line:last-of-type {
					height: 0;
				}
			}
		}
	}
</style>